import { useState } from 'react';

export default function Message({ messagePromise }) {
  const [content, setContent] = useState('');
  const [error, setError] = useState(null);
  let didCancel = false;
  messagePromise
    .then(res => {
      if (!didCancel) {
        setContent(res);
      }
    })
    .catch(err => {
      if (!didCancel) {
        setError(err);
        setContent(err.message || 'An error occurred');
        console.log('err--->', err)
      }
    })

  if (error) {
    // 如果存在错误，可以选择返回null或展示错误信息，取决于你的需求  
    return <p>Error: {error}</p>;
  }

  return <p>Here is the message: {content}</p>;
};